#navbar-iframe {
display: none !important;
}
/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var{font:inherit}
del, ins{text-decoration:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup, sub{vertical-align:baseline}
* html #wrapper, * html #sidebar, * html #posting, * html #kotak-sidebar, * html #kotak-posting, * html #header-wrapper, * html #bottom-bar{height:1%}
html{height:101%}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block}
#navbar-iframe, .status-msg-wrap, .post-feeds, .feed-links{display:none}
.clear{clear:both}

/* TEXT, LINK AND HEADING */
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.17em}
h4{font-size:1em}
h5{font-size:0.83em}
h6{font-size:0.75em}
p{padding-bottom:14px}
ol, ul{list-style-type:none}
img, iframe, table{max-width:100%}
table{background:#fafafa; margin:0 auto 14px}
td, th{vertical-align:top; text-align:left; font-size:13px; padding:3px 5px; border:1px solid #ccc}
th{background:#ddd}
a img{border:0}
a, img{outline:none}
a:link{outline:none; color:#4183C4; text-decoration:none}
a:visited{color:#4183C4; text-decoration:none}
a:hover, a:active{color:#C80441; text-decoration:none}
a.box{box-shadow:2px 2px 5px rgba(1,1,1,.1); position:relative; top:0px; left:0px; display:block; background:#f0f0f0; border:1px solid #fff; padding:3px 6px; color:#666; font-size:13px}
a.box:hover{box-shadow:0px 0px 2px rgba(1,1,1,.1); top:2px; left:2px; text-decoration:none}

/* ELEMEN */
body{background:#d4d4d4 url(http://4.bp.blogspot.com/-9lNua6-Vdy8/UJyYBeE32rI/AAAAAAAADEk/g9a-rXRPfDQ/s1600/pattern.png) fixed; font:normal 13px helvetica,arial,sans-serif; text-align:left; color:#222; margin:0}
#wrapper{font-size:12px; margin:5px auto; width:970px}
#posting{float:left; width:660px}
#sidebar{float:right; width:315px}

/* HEADER */
#header{float:left; max-width:400px; height:60px; margin-top:57px; margin-left:10px}
#header h1, #header p{font:35px Oswald; line-height:15px; color:#48b; text-shadow:1px 1px #fff,1px 1px #ccc,2px 2px #ccc,3px 3px #ddd; padding:10px; margin:0}
#header h1 a, #header h1.title a:hover{color:#48b; text-decoration:none}
#header .description{color:#48b; font:13.5px Oswald; text-shadow:none}
#header img{border:0 none; background:none; width:auto; height:auto; margin:0 auto}

/* BREADCRUMBS */
#breadcrumbs-system{overflow:hidden; width:100%}
#breadcrumbs-system li{float:left; margin:0 .5em 0 1em; list-style-type:none; font-size:13px}
#breadcrumbs-system a{background:#1478ff; padding:2px 5px; float:left; text-decoration:none; color:#DDD; position:relative}
#breadcrumbs-system a:hover{background:#0f53b0}
#breadcrumbs-system a::before{content:&quot; &quot; ; position:absolute; top:50%; margin-top:-1.5em; border-width:1.5em 0 1.5em 1em; border-style:solid; border-color:#1478ff #1478ff #1478ff transparent; left:-1em}
#breadcrumbs-system a:hover::before{border-color:#0f53b0 #0f53b0 #0f53b0 transparent}
#breadcrumbs-system a::after{content:&quot; &quot; ; position:absolute; top:50%; margin-top:-1.5em; border-top:1.5em solid transparent; border-bottom:1.5em solid transparent; border-left:1em solid #1478ff; right:-1em}
#breadcrumbs-system a:hover::after{border-left-color:#0f53b0}
.breadcrumbs{padding:12px 12px 13px 0px; margin-bottom:5px; font-size:11px; color:#555; text-shadow:0px 1px #fff; border:1px solid #fcfcfc; border-radius:4px; background:#efefef; box-shadow:0px 1px 3px #aaa; margin-left:-15px; margin-top:-10px; width:674px}
.breadcrumbs a{color:#C46802; text-decoration:none; padding:12px 18px 13px 12px; background:url(http://1.bp.blogspot.com/-iQ2NDUoFLko/UN5U0GqshMI/AAAAAAAAAFI/wBzNyMH_3CY/s320/brd.png) no-repeat right center}
.breadcrumbs a:hover{color:#000; text-decoration:none}
.breadcrumbs{padding:12px 12px 13px 0px;margin-bottom:5px;font-size:11px;color:#555;text-shadow: 0px 1px #fff;border:1px solid #fcfcfc;border-radius:5px;background:#efefef;box-shadow: 0px 1px 3px #aaa;margin-left:-15px;margin-top:-10px;width:674px;margin-bottom:20px}
.breadcrumbs a{color:#C46802;text-decoration:none;padding:12px 18px 13px 12px;background:url(http://1.bp.blogspot.com/-iQ2NDUoFLko/UN5U0GqshMI/AAAAAAAAAFI/wBzNyMH_3CY/s320/brd.png) no-repeat right center;}
.breadcrumbs a:hover{color:#000;text-decoration:none}
.breadcrumbs, #blog-pager{margin-right:10px}

/* POSTING */
#kotak-posting{margin-left:5px; width:650px; padding:0; word-wrap:break-word}
#kotak-posting{margin:10px 0 10px 10px}
.post {box-shadow:1px 1px 5px rgba(1,1,1,.1); background:#efefef; color:#666; font-size:12px; border:1px solid #fafafa; border-radius:5px; position:relative; padding:8px; margin-left:-15px;margin-top:-7px;width:670px}
.post blockquote::selection{background:#ac0; color:#ac0; text-shadow:0px 0px 0px rgba(0,0,0,1)}
.post h1{font:24px Oswald; line-height:1.2em;background:url(http://4.bp.blogspot.com/-Wz43A5JdrdA/UN5Zxqh5nkI/AAAAAAAAAF0/YIIC4IjFKVs/s320/home-post.png) top left no-repeat; margin-bottom:10px; border:1px solid #fafafa; transition:background-color 0.5s ease-out 0s; -moz-transition:background-color 0.5s ease-out 0s; border-radius:5px; -webkit-transition:background-color 0.5s ease-out 0s; -o-transition:background-color 0.5s ease-out 0s; line-height:36px; padding:5px 0 5px 25px; box-shadow:0px 1px 3px #aaa; background-color:#efefef}
.post h2{font:24px Oswald; line-height:1.2em}
.post h2 strong, .post h2 a:hover{color:#eb4938}
.post-footer{position:absolute; bottom:0; right:0; left:0; padding:6px 20px; margin-bottom:-13px; color:#666; font-size:12px; text-align:left}
.item-post-footer{margin:3px 0 8px; text-align:right; font-size:12px; color:#888; font-style:italic}
.post-body{line-height:1.4; text-align:justify}
img{max-width:100%; padding:0; margin:0; cursor:pointer}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center; padding:10px 15px; font-size:11px; clear:both; margin-left:-15px; border-radius:5px; width:660px; margin-top:-15px; margin-bottom:-10px}
.post-body ul{margin:0 0 13px 28px; list-style-type:disc}
.post-body ol{margin:0 0 13px 28px; list-style-type:decimal}

/* POSTMETA */
.postmeta{font:11px Tahoma;font-weight:400; line-height:16px;margin:0; border-top:1px solid #ccc;border-bottom:1px  solid #ccc; text-align:left;padding:5px;}
.author{color:#666; background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat; padding:2px 5px 2px 17px}
.clock{color:#666; background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat; padding:2px 5px 2px 17px}
.clock a{color:#666}
.clock a:hover{color:#b64d4a}

/* BLOCKQUOTE */
.post-body blockquote {background: url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) repeat scroll 0 0 #F8F8F8;border-radius: 4px;color: #406C7F;font-family: Monaco,Courier,monospace;font-size: 12px;line-height: 20px;margin: 5px 4px 10px 4px;overflow: auto;padding: 5px 12px;border:2px dashed #cec2c2;-webkit-box-shadow:inset 0px 0px 7px #222;-moz-box-shadow:inset 0px 0px 7px #222;box-shadow:inset 0px 0px 7px #222;}
a.njrit{font-size:13px; color:#ac0; margin:8px 0; display:block; padding:2px 8px}
a.njrit:hover{color:#fff}
::selection{background:#FAA142;color:#fff}
::-moz-selection{background:#FAA142;color:#fff}
.sticky{}

/* PRE CODE */
pre{-webkit-box-shadow:rgba(0,0,0,0.247059) 0px 1px 3px inset,#f5f5f5 0px 1px 0px; box-shadow:rgba(0,0,0,0.247059) 0px 1px 3px inset,#f5f5f5 0px 1px 0px; background:url(http://4.bp.blogspot.com/-3FCef3PNh-A/UJu5bf8H5BI/AAAAAAAADDo/xNnrUF6r2zg/s1600/pre_grid.png) 0px 0px repeat scroll #f8f8f8; border-radius:4px; padding:5px 12px 5px 12px; margin:10px 0px 20px; color:#406C7F; font-family:Monaco,Courier,monospace; font-size:12px; line-height:20px; overflow:auto}
pre{white-space:pre; word-wrap:normal}

/* WIDGET POSTING */
#widget-posting-kiri{float:left; margin:0 5px 10px 10px; padding:0; width:350px; display:inline}
#widget-posting-kanan{float:right; margin:0 10px 10px 5px; padding:0; width:350px; display:inline}
.widget-posting h2, .widget-posting h3{background:#999; margin:0; padding:4px 8px; font-size:16px; text-shadow:0px 1px 0px #666; color:#fff; text-transform:uppercase; border-bottom:1px solid #fff}
.widget-posting .widget{box-shadow:1px 1px 5px rgba(1,1,1,.1); background:#f5f5f5; margin:0 0 10px; border:1px solid #fff}
.widget-posting .widget-content{padding:8px}

/* SIDEBAR */
.sidebar{color:#666}
.sidebar a{text-decoration:none; color:#666}
.sidebar a:hover{text-decoration:none; color:#000}
.sidebar .widget{margin:0 0 5px 0; padding:15px; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #fafafa; box-shadow:0px 1px 3px #aaa; background:#efefef}
.sidebar .widget h2{margin:0; padding:10px; font-size:17px; border:solid 1px #E7E7E7; text-align:right; font-weight:normal; color:#8B8B8B; position:relative; background:#F6F6F6; font-family:Enriqueta,Georgia,serif}
.sidebar .widget h2::after{content:""; width:0; height:0; top:-3px; position:absolute; left:-3px; border:14px solid #DDD; border-left-color:#efefef; border-top-color:#efefef}
.sidebar .widget h2::before{content:""; width:0; height:0; top:0; position:absolute; left:0; border:13px solid #DDD; border-left-color:#F6F6F6; border-top-color:#F6F6F6}
.sidebar .widget-content{font-size:13px}
.sidebar ul{list-style-type:none; list-style:none; margin:0px; padding:0px}
.sidebar ul li{border-bottom:1px solid #efefef; padding:5px 0; margin:0px; line-height:17px}
#sidebar{width:275px; float:right; padding-bottom:20px;margin-right:-5px;}
#bottom{margin:0; padding:0; background:#02394C url(http://4.bp.blogspot.com/-9lNua6-Vdy8/UJyYBeE32rI/AAAAAAAADEk/g9a-rXRPfDQ/s1600/pattern.png); border-bottom:1px solid #064B63; border-top:1px solid #fff}
#sidebar .HTML5 ul li{width:112px; float:left; margin:0 3px}

/* CUSTOM WIDGET */
.BlogArchive #ArchiveList ul li{text-indent:0 !important}
.widget-content ul li{margin:0; padding:3px 2px; border-top:1px solid #fafafa; border-bottom:1px solid #ddd}
.widget-content ul li:first-child{border-top:medium none !important}
.widget-content ul li:last-child{border-bottom:medium none !important}
.widget-content ul li a{color:#48b}
.widget-content ul li a:hover{color:#C80441}
#LinkList1 .widget-content ul{height:100px; overflow-y:auto}
.item-control{display:none}
#leaderboard{text-align:center; padding:0px; margin:0px}
#leaderboard .widget{border-bottom:1px solid #fafafa}
#leaderboard .widget h2{display:none}
#leaderboard .widget-content{margin:0 auto; padding:10px 10px 10px 10px; border-bottom:1px solid #ccc}
#leaderboard img{max-width:100%}
#Label1{height:555px; overflow:scroll; display:block}
#Label1 ul li a{background:transparent url(http://2.bp.blogspot.com/-YBaVWiNSvHo/UIeZgBcvBZI/AAAAAAAACwk/8L_bK0VCljI/s1600/bullet.png) no-repeat 0 4px}

/* WIDGET SHARING */
.sharing{border-radius:6px; font-size:13px; margin:0 0 10px; padding:8px; border:1px solid #ccc; border-radius:5px; background:url(http://2.bp.blogspot.com/-GFQPtmkSGCo/T5kifWV9vfI/AAAAAAAAASA/vUAlwAT5l3U/s0/background.png) repeat fixed center center; background:rgba(255,255,255,.5); box-shadow:inset 0 0 2px #ccc}
.comm{float:right}
.comm a:link, .comm a:visited{color:#4183C4; text-decoration:none}
#bottom{margin-top:-10; padding:0; background-color:#6aa1fc; background:url(http://2.bp.blogspot.com/-GFQPtmkSGCo/T5kifWV9vfI/AAAAAAAAASA/vUAlwAT5l3U/s0/background.png); border-bottom:1px dashed #2c2c2c; border-top:1px dashed #2c2c2c; margin-left:-190px; width:1349px}
#bottom ul{margin:0; padding:0}

/* FOOTER */
.content-wrapperink{position:relative; max-width:980px; margin:0 auto}
#footerink{background:url(http://1.bp.blogspot.com/-jIg6mh85Q78/UURR7APqcBI/AAAAAAAAAeU/ln53oG6-FmQ/s1600/bg-header.png); border-top:3px solid #1da7e7; width:100%; padding:0}
.footerink-wrapper{color:#aaa; font:12px Arial; height:100%; line-height:16px; overflow:hidden; padding:0}
.footerink1{float:left; width:340px; margin:10px 5px 8px 0}
.footerink2{float:left; width:336px; margin:10px 5px 8px 10px}
.footerink4{float:right; width:275px; margin:10px 0 8px 5px}
.footerink .widget{margin-bottom:0px}
.footerink h2{font:bold 14px Arial; padding:6px 8px; margin-bottom:8px; line-height:1.3em; text-align:center; text-transform:uppercase; color:#fff; ; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 1px rgba(0,0,0,.9) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 1px rgba(0,0,0,.9) inset; box-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 1px rgba(0,0,0,.9) inset;}
.footerink .widget-content{line-height:17px}
.footerink ul{list-style:none; color:#EAE9E8; margin:0; padding:0}
.footerink li{list-style:none; background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px; font:normal 12px Arial; color:#626262; text-indent:0; line-height:1.2em; margin:0; padding:2px 0 3px 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.footerink a:link{color:#aaa}
.footerink li a:visited{color:#aaa}
.footerink li a:hover{color:#fff}

/* CREDIT */
#credit{background:#222 url(http://4.bp.blogspot.com/-n10OWldhGFk/UUcImyQo2CI/AAAAAAAAAkg/yKCldFRFG7Y/s1600/footer-div.png) repeat-x scroll top; font:11px Tahoma; color:#999; width:100%; overflow:hidden; clear:both; padding:15px 0 10px; line-height:18px}
#credit .left{float:left; text-align:left; margin-left:10px}
#credit .right{float:right; text-align:right; margin-right:10px}
#credit a{color:#eee; text-decoration:none}
#credit a:hover{color:#fc0; text-decoration:none}

/*  NAVIGASI ATAS */
#menuwrapperpic{background:#137BBF url(http://3.bp.blogspot.com/-2gF3Bx05Dgo/ULeBP6aBr6I/AAAAAAAADWU/QtbpFwOLMTo/s1600/menu-bg2.png) repeat-x top center; width:100%; margin:0 auto; padding:0 auto}
#menuwrapper{width:960px; margin:0 auto; height:37px}
.clearit{clear:both; height:0; line-height:0.0; font-size:0}
#menubar{width:100%}
#menubar, #menubar ul{padding:0; margin:0; list-style:none; font-family:Arial,sans-serif}
#menubar a{display:block; text-decoration:none; padding:10px 12px 11px 12px; font-size:12px; font-weight:normal; text-transform:none; color:#F0E8E5; text-shadow:-1px -1px 0 #0F669F; background:url(http://4.bp.blogspot.com/-WlGlVelox5k/ULeDHBUxIMI/AAAAAAAADWk/6p70qqIYSSs/s1600/menu-left.png) no-repeat top left}
#menubar a.trigger{background-image:url(http://1.bp.blogspot.com/-Ou5V60iU-C8/TeQD01cinhI/AAAAAAAABjQ/_0_myiMPkL0/s1600/arrow.gif); background-repeat:no-repeat; padding:10px 24px 11px 12px; background-position:right center}
#menubar li{float:left; position:relative}
#menubar li{position:static; width:auto}
#menubar li ul, #menubar ul li{width:165px}
#menubar ul li a{text-align:left; color:#13598D; padding:6px 12px; font-size:12px; font-weight:bold; text-transform:none; font-family:Arial}
#menubar li ul{z-index:100; position:absolute; display:none; background:#0F4E7D; padding-bottom:5px}
#menubar li ul{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px}
#menubar li ul{-moz-box-shadow:0 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.6); filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95}
#menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#2F8FCE; color:#fff; text-decoration:none; padding:10px 12px 8px 12px}
#menubar li:hover ul, #menubar li.hvr ul{display:block}
#menubar li:hover ul a, #menubar li.hvr ul a{color:#d1d8e5; background-color:transparent; text-decoration:none}
#menubar li ul li.hr{border-bottom:1px solid #296A99; border-top:1px solid #0E4064; display:block; font-size:1px; height:0px; line-height:0px; margin:4px 0}
#menubar ul a:hover{background-color:#0E3B5D!important; color:#fff !important; text-decoration:none}
#menubar li.home a, #menubar li.home a:visited{background:url(http://4.bp.blogspot.com/-b5CZZuwYUKM/TeQD2DHXOvI/AAAAAAAABjc/VEl5dmwPyO8/s1600/menu_hover.gif) repeat-x top left; border-left:none}
#menubar li.home a:hover{background:#1d335d}

/* FIXED POSITION */
#inner{padding-top:41px}
#fixed{position:fixed; top:0; left:0; width:100%; height:41px; z-index:999999}
#fixedinner{text-align:center; background:transparent; height:41px; position:relative; z-index:999999}
* html, * html body{overflow-y:hidden; height:100%}
* html #fixedinner{margin-right:-143px; voice-family:"\"}
\""; voice-family:inherit}
* html #fixedinner{margin-right:17px}
* html #fixed{position:absolute}